<!DOCTYPE html>
<html    xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8">
    <title>系统登录 - 梦学谷账单管理系统</title>
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body class="login_bg">
    <section class="loginBox">
        <header class="loginHeader">
            <h1>梦学谷账单管理系统</h1>
        </header>
        <section class="loginCont">

            <form class="loginForm" action="../main/index.html"  th:action="@{/login}" th:method="post">

                <!--如果msg是空这个标签不起作用-->
                <div th:if="${not #strings.isEmpty(msg)}" th:text="${msg}" style="color:red; position:absolute;
                margin-left: 130px;margin-top: -26px"></div>

                <div class="inputbox">
                    <label for="user" th:text="#{login.username}">Username</label>
                    <input id="user" type="text" name="username"  required/>
                </div>
                <div class="inputbox">
                    <label for="mima"  th:text="#{login.password}">Password</label>
                    <input id="mima" type="password" name="password"  required/>
                </div>
				<div class="subBtn">
						<input type="checkbox"  > [[#{login.remember}]]
                </div>
				<br/>
                <div class="subBtn">
                    <input type="submit" th:value="#{login.submit}"  value="Sign" />
                    <input type="reset" th:value="#{login.reset}"   value="Reset"/>
                </div>
				<br/>
                <div style="margin-left: 100px;">
                    <!--请求带参数 l  然后  添加区域解析器     这个login.html在配置文件中自定义了视图解析-->
                    <a  href="#" th:href="@{/login.html(l='zh_CN')}">中文</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a  href="#" th:href="@{/login.html(l='en_US')}">English</a>
                </div>
            </form>
        </section>
    </section>
</body>
</html>